<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div    id="content">
	<section class="content-header">
		<h1>
			<i class="fa fa-dashboard"></i>
			<strong>人员绑定</strong>
		</h1>
		<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
			<li>人员绑定</li>
		</ol>
	</section>
	<!-- Main content -->
	<section class="content">
		<div class="row">
			<div class="col-md-12">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">用户</h4>
					</div>
					<div class="box-body">
						<div class="form-inline">
							<div class="input-group">
								<input type="text" class="form-control" id="search"  placeholder="Search..."/>
								<span class="input-group-btn">
									<button type="button" name="search" class="btn btn-info searchBtn">查询</button>
									<button type="button" name="reset" id="reset" class="btn btn-info resetBtn">撤消</button>
								</span>
							</div>
						</div>
					</div>
					<div class="box-body">
						<table  id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
							<thead>
							<tr>
								<th width="10%" >序号</th>
								<th width="10%" >用户名</th>
								<th width="10%" >职务</th>
								<th width="10%" >岗位</th>
								<th width="10%" >部门</th>
								<th width="10%" >评分层级</th>
								<th width="10%" >总体扣分</th>
							</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="box box-info">
					<div class="modal-body">
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-1 control-label">时间</label>
								<div class="col-sm-2">
									<div class="col-md-10">
										<select class="form-control" id="cyc" style="width: 100%;">
											<option value="week">当周</option>
											<option value="month">当月</option>
											<option value="year">当年</option>
											<option value="custom">自定义周期</option>
										</select>
									</div>
								</div>
							</div>
							<div class="form-group" id="cycDate" style="display: none;">
								<label class="col-sm-1 control-label">开始时间</label>
								<div class="col-sm-2">
									<div class="col-md-10">
										<input type="date" class="form-control" id="beginDate" style="width: 100%;"/>
									</div>
								</div>
								<label class="col-sm-1 control-label">结束时间</label>
								<div class="col-sm-2">
									<div class="col-md-10">
										<input type="date" class="form-control" id="endDate" style="width: 100%;"/>
									</div>
								</div>
								<div class="col-md-1">
									<button type="button" class="btn btn-primary cycBtn" >确定</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">数据展示</h4>
					</div>
					<div class="box-body">
						<div id="pie1" style="width: 100%;height:400px;"></div>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">数据展示</h4>
					</div>
					<div class="box-body">
						<div id="pie2" style="width: 100%;height:400px;"></div>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">数据展示</h4>
					</div>
					<div class="box-body">
						<div id="pie3" style="width: 100%;height:400px;"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">详情</h4>
					</div>
					<div class="box-body">
						<div class="form-inline">
							<div class="input-group">
								<input type="text" class="form-control" id="search2"  placeholder="Search..."/>
								<span class="input-group-btn">
									<button type="button" name="search" class="btn btn-info searchBtn2">查询</button>
									<button type="button" name="reset" id="reset" class="btn btn-info resetBtn2">撤消</button>
								</span>
							</div>
						</div>
					</div>
					<div class="box-body">
						<table  id="dataTable2" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
							<thead>
							<tr>
								<th width="10%" >序号</th>
								<th width="10%" >操作</th>
								<th width="10%" >登记名称</th>
								<th width="10%" >事件类型</th>
								<th width="10%" >发生时间</th>
								<th width="10%" >主管部门</th>
								<th width="10%" >所属网格</th>
								<th width="10%" >所属区域</th>
								<th width="10%" >部件</th>
								<th width="10%" >评分层级</th>
								<th width="10%" >扣分</th>
							</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</section>
	
	<!--层级添加信息框-->
	<div class="modal" id="Modal">
		<div class="modal-dialog" role="dialog">
			<form id="modalForm">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title"><strong>层级信息</strong></h4>
					</div>
					<div class="modal-body">
						<input type="hidden" name="id" id="id" />
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">层级名称</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="gradingName" id="gradingName" datatype="*,*1-100" nullmsg="请输入层级名称"/>
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">层级编码</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="gradingIdentify" id="gradingIdentify" datatype="*,*1-2" nullmsg="请输入层级编码" />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">评分层级</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<select class="form-control" name="gradingLevel" id="gradingLevel" style="width: 100%;" datatype="*,*1-100" nullmsg="请选择评分层级！">
											<option/>
											<option th:each="option:${options}" th:text="${option.title}" th:value="${option.id}" th:attr="data-length=${option.value}">
											</option>
										</select>
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">层级描述</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="gradingBewrite" id="gradingBewrite"/>
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px"></span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary saveBtn" >保存</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

					</div>
				</div>
			</form>
		</div>
	</div>
	<script th:src="@{/analysis/scoreanalysisindex.js}"></script>


</div>

</body>
</html>